<div>   
    <div class="row">
        <div class="span9 offset1">
            <div class="tabbable tabs-left tabbable-bordered">
                <ul class="nav nav-tabs">
                  <li class="active"><a href="#lA" data-toggle="tab">Posiciones Generales</a></li>
                  <li class=""><a href="#lB" data-toggle="tab">Posiciones por Fecha</a></li>
                  <li class=""><a href="#lC" data-toggle="tab">Posiciones por Usuario</a></li>
                </ul>
                <div class="tab-content">
                  <div class="tab-pane active" id="lA">
                    <!-- Posiciones -->
                      <?php
                      if($positions != false)
                      {
                        
                      ?>
                      <table class="table table-striped table-bordered table-condensed" style="width: 300px;">
                        <tr>
                            <th colspan="2" style="text-align: center">Tabla general</th>
                        </tr>
                        <tr>
                            <th style="text-align: center">Usuario</th><th style="text-align: center">Puntos</th>
                        </tr>
                        <?php
                        $i = 0;
                        foreach($positions as $p)
                        {
                          if($i < 10)
                            {
                              echo '<tr>';
                              echo '<td>'.$p['name'].'</td>';
                              echo '<td style="text-align: right">'.$p['points'].'</td>';
                              echo '</tr>';
                              
                              $i++;
                            }
                            else
                            {
                              break;
                            }
                        }
                        ?>
                      </table>
                      
                      <?php
                      }
                      else
                      {
                        echo '
                            <div class="alert alert-error">
                                Ahún no estan disponibles las posiciones.
                            </div>
                            ';
                      }
                      ?>
                    <!-- -->    
                  </div>
                  <div class="tab-pane" id="lB">
                    
                    <select class="span3" id="fecha_game" data-provide="typeahead" data-items="4" style="margin-top: 11px;">
                        <?php
                        if($dates != null)
                        {
                            foreach($dates as $d)
                            {
                                echo '<option value="'.$d['dtId'].'">'.$d['dtDescription'].'</option>';
                            }
                        }
                        else
                        {
                            echo '<option value="0">No hay fechas</option>';
                        }
                        ?>
                        
                    </select>
                    <button id="search_x_date" class="btn btn-info" type="button">Buscar</button>
                    <br>
                        <div id="dates_x_dates" style="display: none; width: 70%;">
                            
                        </div>
                    
                  </div>
                  <div class="tab-pane" id="lC">
                    <input type="text" data-provide="typeahead" placeholder="Usuario"> <button class="btn btn-info" type="button">Buscar</button>
                  </div>
                </div>
            </div>
            
          </div>
        
        
        </div>
    </div>
</div>
<script>
    $(document).ready(function(){});
    
    $('#search_x_date').click(function(){
        if($('#fecha_game').val() > 0)
        {
            $('#waiting').fadeIn('slow');
            
            $('#dates_x_dates').fadeOut('slow');
            $("#dates_x_dates").load("<?php echo base_url(); ?>index.php/user/result_for_date/"+$('#fecha_game').val());
            $('#dates_x_dates').fadeIn('slow');
            $('#waiting').fadeOut('slow');
        }
    });
</script>